/*外部样式表：1.css编码集【外链去掉-】
            utf-8表示为“utf8”
            注意：后面分号不能用中
			     文输入法，不可以去掉
*/
@charset utf-8;
/*通配选择器：统一规划页面上的样式：文字、超链接、盒模型针对外边距
              【有部分元素存在外边距】列表针对两个列表自带样式【去掉列表样式】
			  颜色...
			  */
			 {
				font-family: 微软雅黑,sans-serif;
				 text-decoration: none;
				 list-style-type: none;
				 margin: 0;
				 padding: 0;
				 color: #333;
				 /*哪些元素自带外边距？
				 辅导过程v */
				 /*给所有的div元素添加圆300*300 文本垂直居中放大*/
			 }
			 div{
				width: 300px;
				 height: 300px;
				 border: 1px solid red;
				 border-radius: 50%;
				 font-size: 10em;
				 text-align: center;
				 line-height: 300px;
				 /*浮动 float:   
				 none默认不浮动
				 left左浮动 元素变成块元素。脱离文档流
				 right右浮动 元素变成块元素，脱离文档流，
				              按照顺序首元素靠右【列表元素内容颠倒】
				 */
				float: right;
			 }
			
			.d1{
							 background: #55ff00;
			}
			.d2{
							 background: #00ffff;
			}
			.d3{
							 background: #aa00ff;
			}
			.d4{
							 background: #ff0000;
							 /*清除浮动*/
							 clear: both;
							 /*外边距*/
							 margin-right: 75%;
							 margin-top: -300px;
							 
			}